<!doctype html>
<html>
  <head>
    <title>Getting Started Extension's Popup</title>
    <style>
      body {
        min-width: 360px;
        overflow-x: hidden;
				height:500px;
      }

      #logo{
        vertical-align: middle;
				display: block;
				margin: auto;
				margin-top: 20px;
				margin-bottom: 20px;
      }

      #article{
        vertical-align: middle;
				display: block;
				margin: auto;
				margin-bottom: 20px;
      }
      
			#reset{
        margin-top: 20px;
				margin-left: 270px;
      }

			#buttondiv{
				vertical-align: middle;
				margin-left: 135px;
			}
			
			#addbutton{
				margin-right: 25px;
			}

			input {
				display: block;
				margin: 0 auto;
				margin-bottom:20px;
			}
			
			input[type=text]{
				width: 250px;
				height: 25px;
				font-size: 15px;
			}
			
			input[type=submit]{
				background: #0066A2;
				color: white;
				border-style: outset;
				border-color: #0066A2;
				height: 30px;
				width: 180px;
				margin-top:20px;
				font: bold 15px arial,sans-serif;
			}
			
			#container{
				width:100%; 
				height:15px; 
				border:1px solid black;
			}

			#progressbar{
				width:0%;
			  background-image:url(progressbar.png);
			  height:15px;
			}
			
			.centerdiv{
				margin-left:165px;
				font: bold 15px arial,sans-serif;
				margin-bottom:30px;
				margin-top:10px;
			}
			
			#emailyes{
				background-color:#00CC66;
				font: bold 15px arial,sans-serif;
				padding:10px;
				margin-bottom:10px;
			}
			
			#emailno{
				background-color:#FF8080;
				font: bold 15px arial,sans-serif;
				padding:10px;
				margin-bottom:10px;
			}
    </style>

    <!--
      - JavaScript and HTML must be in separate files: see our Content Security
      - Policy documentation[1] for details and explanation.
      -
      - [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html
     -->
    <script src="popup.js"></script>
  </head>
  <body>
  </body>
</html>

